<%--
Document : CheckAvailability
Created on : Sep 14, 2011, 6:07:53 PM
Author : Lavani
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Check Availability</title>
        <link rel="stylesheet" href='style.css' type="text/css" >
        <link href="calendar.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="calendar.js"></script>
    </head>
    <body>
        
        <table width="974" border="0" style="position:relative; top:-17px; margin-left:auto; margin-right:auto;" cellspacing="10">
            <tr>
                <td background="images/bg.jpg" height="130px" width="90px" colspan="2" align="center" >
                    &nbsp; <font color="white" size="7" face="Times New Roman">Fly Eezy</font> <br/>
                    <font color="white" size="5" face="Times New Roman">Online Airlines Ticket Booking</font>
                </td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <div id="navigation">
                        <ul>
                            <li><a href="index.jsp">Home</a></li>
                            <li><a href="CheckAvailability.jsp">Check Availability</a></li>
                            <li><a href="Login.jsp">Sign In</a></li>
                            <li><a href="Registration.jsp">Sign Up</a></li>
                            <li><a href="navigation.html">Contact Us</a></li>
                        </ul>
                    </div>
                </td>
            </tr>
            <tr>
                <td><br>
                    <form name="form2" action="sample.html" method="POST" onSubmit="return isValid2(this)">
                        <input type="hidden" name="action" value="check">
                        <input type="hidden" name="hide" value="">
                        <table align="center" border="0">
                            <tr>
                                <td colspan="2">
                                    <font style="font-size: 150%; text-align: center;">Fill The Details To Check Availability:</font><hr>
                                </td>
                            </tr>
                            <tr>
                                <td>Source City:</td>
                                <td><select name="Source">
                                        <option>Bangalore</option>
                                        <option>Chennai</option>
                                        <option>Delhi</option>
                                        <option>Hyderabad</option>
                                        <option>Kolkata</option>
                                        <option>Mumbai</option>
                                        <option>Pune</option>
                                    </select></td>
                            </tr>
                            <tr>
                                <td>Destination City:</td>
                                <td><select name="Destination">
                                        <option>Bangalore</option>
                                        <option>Chennai</option>
                                        <option>Delhi</option>
                                        <option>Hyderabad</option>
                                        <option>Kolkata</option>
                                        <option>Mumbai</option>
                                        <option>Pune</option>
                                    </select></td>
                            </tr>
                            <tr>
                                <td>Class:</td>
                                <td><select name="Class">
                                        <option>First Class</option>
                                        <option>Club Class</option>
                                        <option>Business Class</option>
                                        <option>Economy Class</option>
                                        <option>Smoking Class</option>
                                    </select></td>
                            </tr>
                            <tr>
                                <td>Departure Date:</td>
                                <td></td>
                            </tr>
                            <tr>
                                <td></td>
                                <td>
                                    <form>
                                        <input type="text" name="datum1" required>
                                        <a href="#" onClick="setYears(2012,2012); showCalender(this, 'datum1');">
                                            <img src="images/calender.png"></a>
                                    </form>
                                    <table id="calenderTable">
                                        <tbody id="calenderTableHead">
                                            <tr>
                                                <td colspan="4" align="center">
                                                    <select onChange="showCalenderBody(createCalender(document.getElementById('selectYear').value,this.selectedIndex, false));" id="selectMonth">
                                                        <option value="0">Jan</option>
                                                        <option value="1">Feb</option>
                                                        <option value="2">Mar</option>
                                                        <option value="3">Apr</option>
                                                        <option value="4">May</option>
                                                        <option value="5">Jun</option>
                                                        <option value="6">Jul</option>
                                                        <option value="7">Aug</option>
                                                        <option value="8">Sep</option>
                                                        <option value="9">Oct</option>
                                                        <option value="10">Nov</option>
                                                        <option value="11">Dec</option>
                                                    </select>
                                                </td>
                                                <td colspan="2" align="center">
                                                    <select onChange="showCalenderBody(createCalender(this.value,
                                                        document.getElementById('selectMonth').selectedIndex, false));" id="selectYear">
                                                    </select>
                                                </td>
                                                <td align="center">
                                                    <a href="#" onClick="closeCalender();"><font color="#003333" size="+1">X</font></a>
                                                </td>
                                            </tr>
                                        </tbody>
                                        <tbody id="calenderTableDays">
                                            <tr style="">
                                                <td>Sun</td><td>Mon</td><td>Tue</td><td>Wed</td><td>Thu</td><td>Fri</td><td>Sat</td>
                                            </tr>
                                        </tbody>
                                        <tbody id="calender"></tbody>
                                    </table>
                                </td>
                            </tr>
                        </table>
        <center><br> <br><input type="submit" value="Get Flights" name="go" /> </center>
    </form>

</td>
</tr>
</table>
</body>
</html>

